<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Originality</title>
    <link rel="stylesheet" href="CSS/originality.css">
    <link rel="icon" href="images/Xwuhuan.png" type="image/x-icon">
</head>

<body>
    <div class="top">
        <img src="images/wuhuan.jpg" alt="Olympic Rings">
        <ul class="Topnavbar">
            <li><a href="Future.html">奥运会</a></li>
            <li><a href="Sports.html">体育新闻</a></li>
            <li><a href="index.html">运动员</a></li>
            <li><a href="Originality.html">创意周边</a></li>
            <li><a href="Message.html">在线留言</a></li>
            <li><a href="Picture.html">精彩瞬间</a></li>
        </ul>
    </div>

    <div class="main">
        <div class="title">奥运周边</div>
        <div class="container">
            <div class="container_1">
                <div class="left">
                    <a href="https://olympics.com/zh/olympic-games/olympic-torch-relay" class="text">火炬</a>
                </div>
                <div class="right">
                    <a href="https://olympics.com/ioc/ancient-olympic-games" class="text">古代奥运会</a>
                </div>
            </div>
    
            <div class="container_2">
                <div class="left">
                    <a href="https://olympics.com/zh/olympic-games/olympic-mascots" class="text">吉祥物</a>
                </div>
                <div class="right">
                    <a href="https://olympics.com/zh/olympic-games/olympic-medals" class="text">奖牌</a>
                </div>
            </div>
        </div>
    </div>

    <div class="bottom">
        <div class="title_1">你可能会喜欢</div>
        <div class="container_3">
            <div class="item">
                <a href="https://olympics.com/zh/news/isu-short-track-world-tour-seoul-preview?uxreference=seealso">
                    <img src="images/huabing.jpg" alt="Image 1">
                    <p class="S1">短道速滑2024年米兰城市赛的冬奥会</p>
                    <p class="S2">通往米兰科尔蒂纳2026之路：冬奥会短道速滑资格体系详解</p>
                </a>
            </div>
            <div class="item">
                <a href="https://olympics.com/zh/news/2024-fis-big-air-world-cup-beijing-preview">
                    <img src="images/SYM.jpg" alt="Image 2">
                    <p class="S1">Yiming SU</p>
                    <p class="S2">2024/25赛季单板/自由式大跳台世界杯北京站：新疆的荣耀</p>
                </a>
            </div>
            <div class="item">
                <a href="https://olympics.com/zh/news/bwf-world-tour-finals-2024-day-2-wrap-up?uxreference=seealso">
                    <img src="images/YMQ.jpg" alt="Image 3">
                    <p class="S1">羽毛球|羽毛球|世界巡回赛总决赛 | 杭州</p>
                    <p class="S2">观赛、羽毛球|世界巡回赛总决赛 | 杭州</p>
                </a>
            </div>
        </div> 
    </div>

    <div class="under">
        <div class="Bottonnavbar">
            
            <div class="logo">
              <img src="images/wuhuan-2.jpg" alt="Olympic Logo">
            </div>
          
            <div class="section">
              <a href="index.html" class="first-row">奥运会</a>
              <a href="#" class="rows">巴黎2024</a>
              <a href="#" class="rows">结果和奖牌</a>
              <a href="#" class="rows">回看和集锦</a>
              <a href="#" class="rows">全部奥运会</a>
            </div>

            <div class="section">
              <a href="https://olympics.com/zh/olympic-channel" class="first-row">Olympic Channel</a>
              <a href="#" class="rows">电视频道</a>
              <a href="#" class="rows">直播赛事</a>
              <a href="#" class="rows">原创系列</a>
              <a href="#" class="rows">企业</a>
            </div>

            <div class="section">
              <a href="https://olympics.com/zh/new" class="first-row">新闻</a>
              <a href="#" class="rows">博客</a>
              <a href="#" class="rows">话题</a>
            </div>

            <div class="section">
              <a href="#" class="first-row">探索</a>
              <a href="#" class="rows">运动员</a>
              <a href="#" class="rows">运动项目</a>
            </div>
        </div>
          
        <div class="footer">
            <a href="#">国际奥委会</a>
            <a href="#">博物馆</a>
            <a href="#">商店</a>
            <a href="#">关于我们</a>
            <a href="#">联络中心</a>
            <a href="#">站点地图</a>
            <a href="#">生涯</a>
        </div>
          
        <div class="end">
            <p class="copyright">本次设计参照奥林匹克运动员网站制作@https://olympics.com/zh/athletes</p>
        </div>

    </div>


</body>
</html>